<!doctype html>
<html>
	<head>
		<meta charset="UTF-8" /> 
		<title i18n_title="extName"></title>
		<link rel="stylesheet" type="text/css" href="style/main.css" />
		<link rel="stylesheet" type="text/css" href="style/options.css" />
	</head>
	<body>
		<div id="header">
			<img src="image/header.png" alt="chrome quotes">
		</div>
		<div id="container">
			<h2 i18n="instructions"></h2>
			<ol>
				<li><span i18n="instructions1"></span> (<a href="http://www.bloomberg.com/apps/data?pid=symsearch" target="_blank" i18n="bloomberg"></a>, <a href="http://www.google.com/finance?q=" target="_blank" i18n="google"></a>, <a href="http://finance.yahoo.com/q?s=" target="_blank" i18n="yahoo"></a>)</li>
				<li i18n="instructions2"></li>
				<li i18n="instructions3"></li>
				<li i18n="instructions4"></li>
				<li i18n="instructions5"></li>
			</ol>
			<h2 i18n="edit"></h2>
			<div id="portfolioSelect"></div>
			<div>
				<a href="#" onclick="javascript:Options.renamePortfolio();" i18n="rename"></a>
				<a href="#" onclick="javascript:Options.deletePortfolio();" i18n="delete"></a>
			</div>
			<div id="portfolioEdit"></div>
			<h2 i18n="columns"></h2>
			<div id="metricsEdit"></div>
			<h2 i18n="updateFrequency"></h2>
			<select id="updateFrequency">
				<option value="5" i18n="every5sec"></option>
				<option value="15" selected i18n="every15sec"></option>
				<option value="30" i18n="every30sec"></option>
				<option value="60" i18n="every1min"></option>
				<option value="300" i18n="every5min"></option>
				<option value="900" i18n="every15min"></option>
			</select>
			<h2 i18n="others"></h2>
			<input type="checkbox" id="syncBox">
			<label for="syncBox">
				<span i18n="syncLabel1"></span>
				<img src="/image/wrench.png"><span i18n="syncLabel2"></span>
			</label>
			<br>
			<input type="checkbox" id="injectBox">
			<label for="injectBox" i18n="insertIntoPages"></label>
			<br>
			<label for="language" i18n="language"></label>
			<select id="language">
				<option value="default" selected i18n="browserDefault"></option>
				<option value="en">English</option>
				<option value="ja">日本語</option>
			</select>
			<br><br>
			<button id="saveButton" onclick="javascript:Options.save();" i18n="save"></button>
			<button id="undoButton" onclick="javascript:Options.undo();" i18n="undo"></button>
			<button id="resetButton" onclick="javascript:Options.resetSecs();" i18n="reset"></button>
			<button id="clearButton" onclick="javascript:Options.clearAll();" i18n="clear"></button>
			<br>
			<span id="saveResults">&nbsp;</span>
		</div>
		<script type="text/javascript" src="script/jquery-1.5.min.js"></script>
		<script type="text/javascript" src="script/class/tablednd.js"></script>
		<script type="text/javascript" src="script/class/Settings.js"></script>
		<script type="text/javascript" src="script/sync.js"></script>
		<script type="text/javascript" src="script/options.js"></script>
	</body>
</html>